<template>
  <div>
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="我是雇主" name="first">
            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
                <el-tab-pane label="发外包" name="first">
                    <el-input v-model="input" placeholder="请输入内容"></el-input>
                    <el-button @click="index">搜索</el-button>&emsp;或<el-button @click="skip">发布需求</el-button><br>
                    <span v-for="i,j in lst" :key="j">
                        <span><el-tag @click="avc">{{i.name}}</el-tag>&emsp;</span>
                    </span>
                </el-tab-pane>
                <el-tab-pane label="买服务" name="second">配置管理</el-tab-pane>
                <el-tab-pane label="招八戒云员工" name="thirdly">666</el-tab-pane>
            </el-tabs>
        </el-tab-pane>
        <el-tab-pane label="我是服务商" name="second">
            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
                <el-tab-pane label="接外包" name="first">用户管理</el-tab-pane>
                <el-tab-pane label="卖服务" name="second">配置管理</el-tab-pane>
                <el-tab-pane label="成为云员工" name="thirdly">555</el-tab-pane>
            </el-tabs>
        </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
    data(){
        return{
            lst:[],
            input:"",
        }   
    },
    methods:{
        avc(){
            alert('666')
        },
        index(){
            this.$router.push('/page?name=' + this.input)
        },
        getnell_label(){
            this.axios.get('/home_label').then(resp=>{
                console.log(resp)
                this.lst = resp.data.data
            })
        },
        skip(){
            this.$router.push('/fabu')
        }
    },
    mounted(){
        this.getnell_label()
    }
}
</script>

<style>

</style>